<template>
  <div class="flexs_z">
    <div class="flex_top"><slot name='top'></slot></div>
    <div class="flex_bottom"><slot name='bottom'></slot></div>
  </div>
</template>

<script>
  export default {
    name:'syxFlexs'
  }
</script>

<style>
  .flexs_z{
    flex:1;
    display:flex;
    flex-direction:column;
    overflow: hidden;
  }
  .flex_top{
    line-height: 60px;
    display: flex;
    flex-wrap: wrap;
    /*border: 1px solid #EBEEF5;*/
    /*padding: 0 0 0 10px;*/
    border-bottom: none;
  }
  .flex_bottom{
    flex:1;
    overflow: hidden;
  }
</style>
